import React from 'react'
import { Card,Form,Select,Input,Space, Button, Table } from 'antd'
import { ColumnsType } from 'antd/lib/table';
const {Option} = Select;
export default function HospitalList() {
    const columns:ColumnsType<any> = [
        {
            title:'序号',
            render(row:any){
                // return (page-1) * pageSize + (index + 1)
                return 123;
            }
        },
        {
            title:'医院logo'
        },
        {
            title:'医院名称'
        },
        {
            title:'等级'
        },
        {
            title:'详细地址'
        },
        {
            title:'状态'
        },
        {
            title:'创建时间'
        },
        {
            title:'操作'
        }
    ]
    return (
        <Card>
            <Form
                layout='inline'
            >
                <Form.Item >
                    <Select className='mb20' style={{width:120}} placeholder='请选择省'>
                        <Option value='beijing'>北京</Option>
                        <Option value='beijing'>天津</Option>
                        <Option value='beijing'>河北</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Select style={{width:120}} placeholder='请选择省'>
                        <Option value='beijing'>北京</Option>
                        <Option value='beijing'>天津</Option>
                        <Option value='beijing'>河北</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Select style={{width:120}} placeholder='请选择省'>
                        <Option value='beijing'>北京</Option>
                        <Option value='beijing'>天津</Option>
                        <Option value='beijing'>河北</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Input placeholder='医院名称'/>
                </Form.Item>
                <Form.Item>
                    <Input placeholder='医院编号'/>
                </Form.Item>
                <Form.Item>
                    <Select style={{width:120}} placeholder='医院类型'>
                        <Option value='beijing'>北京</Option>
                        <Option value='beijing'>天津</Option>
                        <Option value='beijing'>河北</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Select style={{width:120}} placeholder='医院状态'>
                        <Option value='beijing'>北京</Option>
                        <Option value='beijing'>天津</Option>
                        <Option value='beijing'>河北</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Space>
                        <Button type='primary'>查询</Button>
                        <Button disabled>清空</Button>
                    </Space>
                </Form.Item>
            </Form>

            <Table
                className='mt'
                columns={columns}
                rowKey='id'
            />
        </Card>
    )
}
